<template>
  <div id="app">
    <transition>
      <router-view />
    </transition>
  </div>
</template>

<script>
import { mapMutations } from "vuex";
export default {
  data() {
    return {};
  },
  created(){
  
  },
  mounted() {
      //  let ifrs = window.parent.document.getElementsByTagName('iframe');
      //   for (let i = 0, j = ifrs.length; i < j; i++)
      //       if (ifrs[i].contentWindow == window) {
      //         let userName = ifrs[i].src.split('=')[2]
      //         this.setIdStore({ waiterName: userName });
      //           console.log('mounted1',userName)
      //           break;
      //       }
  },
  methods: {
    ...mapMutations(["setIdStore"]),
  },
};
</script>

<style lang="scss" >
@import "../src/assets/style.scss";
#app {
  font-family:  MicrosoftYaHei, Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // text-align: center;
  color: #2c3e50;
  min-width: 1120px;
  padding: 15px;
  background: #f2f2f2;
  height: 100vh;
}

#nav {
  padding: 30px;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}

#nav a.router-link-exact-active {
  color: #42b983;
}

.slide-right-enter-active,
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active {
  will-change: transform;
  transition: all 500ms;
  position: absolute;
}
.slide-right-enter {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.slide-right-leave-active {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.slide-left-enter {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.slide-left-leave-active {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
</style>
